<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>首页</title>
</head>

<body>
    <div class="web">
        <header>
            <!--头部-->
            <div class="logoBox">
                <!--官网logo-->
                <img src="../images/home-logo.jpg" alt="">
            </div>
            <nav>
                <!--导航栏-->
                <div class="navitem">
                    <a href="./index.html" rel="">首页</a>
                </div>
                <div class="navitem">
                    <a href="./about.html" rel="">关于我们</a>
                </div>
                <div class="navitem">
                    <a href="./product.html" rel="">产品中心</a>
                </div>
                <div class="navitem">
                    <a href="./appointment.html" rel="">预约设计</a>
                </div>
                <div class="navitem">
                    <a href="./news.html" rel="">新闻资讯</a>
                </div>
                <div class="navitem">
                    <a href="./service.html" rel="">服务平台</a>
                </div>
                <div class="navitem">
                    <a href="./contact.html" rel="">联系我们</a>
                </div>
            </nav>
        </header>
        <main>
            <!--中间-->
            <div class="Carousel">
                <!--首页顶部轮播图-->
                <ul></ul>
                <div class="pointBox">
                    <ol>
                        <li></li>
                        <li></li>
                        <li></li>

                    </ol>
                </div>
            </div>

            <div class="living">
                <div class="living-txt">
                    <p>ZEST HOME & LIVING</p>
                    <div class="living-box">
                        <div class="token"></div>
                        <div class="box">
                            <p>恣在家生活馆</p>
                        </div>
                        <div class="token"></div>
                    </div>
                    <div class="living-yuyan">GIVE YOU A COMFORTABLE HOME</div>
                </div>
                <!--生活馆文字-->
                <div class="living-carousel">
                    <img src="../images/sh11.png">
                </div>

            </div>
            <!--生活馆-->


            <div class="living-design">
                <!--设计馆-->
                <div class="design-txt">
                    <p> ZEST HOME & LIVING DESIGN</p>
                    <div class="designline">
                        <div class="token"></div>
                        <div class="box">
                            <p>恣在家设计馆</p>
                        </div>
                        <div class="token"></div>
                    </div>
                    <p>GIVE YOU A COMFORTABLE HOME</p>
                </div>
                <div class="designBx">
                    <div class="design-item-box">
                        <img src="../images/desing-list-1.png">
                    </div>
                    <div class="design-item-box">
                        <img src="../images/design-list-2.png">
                    </div>
                    <div class="design-item-box">
                        <img src="../images/design-list-3.png">
                    </div>
                    <div class="design-item-box">
                        <img src="../images/design-list-4.png">
                    </div>
                </div>


            </div>
            <div class="living">
                <!--新闻馆-->
                <div class="living-txt">
                    <p>ZEST HOME & LIVING NEWS</p>
                    <div class="living-box">
                        <div class="token"></div>
                        <div class="box">
                            <p>恣在家新闻馆</p>
                        </div>
                        <div class="token"></div>
                    </div>
                    <div class="living-yuyan">GIVE YOU A COMFORTABLE HOME</div>
                </div>
                <!--新闻馆文字-->
                <div class="living-carousel">
                    <img src="../images/new-background.png">

                </div>
                <!--新闻馆轮播-->
            </div>
            <!--新闻馆-->

            <div class="living-service">
                <!--服务馆-->
                <div class="service-txt">
                    <p>ZEST HOME & LIVING SERVICE</p>
                    <div class="servicebox">
                        <div class="token"></div>
                        <div class="box">
                            <p>恣在家服务馆</p>
                        </div>
                        <div class="token"></div>
                    </div>
                    <p>GIVE YOU A COMFORTABLE HOME</p>
                    <div class="living-des">
                        <p>恣在家为用户制定全方位服务与管理体制，满足不同客户人群的需求，注重每个细节的处理， 为您打造温馨舒适的家居生活。
                        </p>
                    </div>
                </div>
                <div class="serBox">
                    <div class="serviceitem">
                        <div class="seritem-box">
                            <img src="../images/service-list1.png">
                        </div>
                        <p>理念服务</p>
                        <p>恣在家一贯秉承专业的金保姆服务体系，让 您买得安心用得放心。一次选择，终身受益。
                        </p>
                    </div>
                    <div class="serviceitem">
                        <div class="seritem-box">
                            <img src="../images/service-list-2.png">
                        </div>
                        <p>服务支持</p>
                        <p>恣在家为用户提供知心、省心、诚心、贴心 的服务支持，让您放心购买。
                        </p>
                    </div>
                    <div class="serviceitem">
                        <div class="seritem-box">
                            <img src="../images/service-list-3.png">
                        </div>
                        <p>服务承诺</p>
                        <p>恣在家用户可享受免费送货与安装以及全国 联保服务，让您放心使用。
                        </p>
                    </div>
                </div>
            </div>
            <!--服务馆-->

            <div class="living-cener">
                <div class="center-txt">
                    <p>ZEST HOME & LIVING CENTER</p>
                    <div class="servicebox">
                        <div class="token"></div>
                        <div class="box">
                            <p>恣在家中心馆</p>
                        </div>
                        <div class="token"></div>
                    </div>
                    <p>GIVE YOU A COMFORTABLE HOME</p>

                </div>
                <div class="centerBox">
                    <div class="centerBox-item">
                        <div class="center-circle">
                            <p>轻波普风</p>
                        </div>
                        <div class="centerBox-line"></div>
                        <div class="centerBox-square">
                            <p>没有强烈的色彩对比 也无需夸张的图案造型 一点几何图形 加上亮丽的色彩 便为无底色的家 注入了更多的鲜活
                            </p>
                        </div>
                    </div>
                    <div class="centerBox-item">
                        <div class="center-circle">
                            <p>工匠精神</p>
                        </div>
                        <div class="centerBox-line"></div>
                        <div class="centerBox-square">
                            <p>工匠精神在高科技 时代下重新演绎和传承 无法替代的匠人之手 为每一件家具带来了 生机和独一无二的魅力
                            </p>
                        </div>
                    </div>
                    <div class="centerBox-item">
                        <div class="center-circle">
                            <p>中国制造</p>
                        </div>
                        <div class="centerBox-line"></div>
                        <div class="centerBox-square">
                            <p>现代化信息化手段和专业 管理团队组成的人机一体 化智能智造系统实现自动、 高效、低耗的制造过程 用新工匠精神重新 演绎工业新时代
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!--中心馆-->
        </main>
        <footer>
            <!--尾部-->
            <div class="bottom-nav">
                <!--底部导航-->
                <div class="bot-nav-layleft">
                    <!--底部左侧导航-->
                    <div class="bot-nav-layl-item">
                        <div class="itemtop">
                            <p>关于我们</p>
                        </div>
                        <div class="itembottom">
                            <div class="itembottomlay1">
                                <p>公司简介</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>文化产品</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>发展历史</p>
                            </div>
                        </div>
                    </div>
                    <!--关于我们-->
                    <div class="bot-nav-layl-item">
                        <div class="itemtop">
                            <p>产品中心</p>
                        </div>
                        <div class="itembottom">
                            <div class="itembottomlay1">
                                <p>现代都市</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>折叠城市</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>清风物语</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>落落星辰</p>
                            </div>
                        </div>
                    </div>
                    <!--产品中心-->
                    <div class="bot-nav-layl-item">
                        <div class="itemtop">
                            <p>预约设计</p>
                        </div>
                        <div class="itembottom">
                            <div class="itembottomlay1">
                                <p>精牌设计</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>设计申请</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>客户案例</p>
                            </div>
                        </div>
                    </div>
                    <!--预约设计-->
                    <div class="bot-nav-layl-item">
                        <div class="itemtop">
                            <p>新闻资讯</p>
                        </div>
                        <div class="itembottom">
                            <div class="itembottomlay1">
                                <p>品牌资讯</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>热门观点</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>家具动态</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>精彩视频</p>
                            </div>
                        </div>
                    </div>
                    <!--新闻资讯-->
                    <div class="bot-nav-layl-item">
                        <div class="itemtop">
                            <p>服务平台</p>
                        </div>
                        <div class="itembottom">
                            <div class="itembottomlay1">
                                <p>理念服务</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>服务支持</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>服务承诺</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>在线保修</p>
                            </div>
                        </div>
                    </div>
                    <!--服务平台-->
                </div>
                <div class="bot-nav-layright">
                    <div class="navlay1">
                        <!--底部右侧导航上层-->
                        <p>联系我们</p>
                    </div>
                    <div class="navlay2">
                        <!--底部右侧导航下层-->
                        <div class="navlay2-item">
                            <!--底部右侧导航下层item-->
                            <div class="navlay2-item-left">
                                <img src="../images/location.png">
                                <!--地址-->
                            </div>
                            <div class="navlay2-item-right">
                                <p>河南省-郑州高新区-万仙山-万仙洞</p>
                            </div>
                        </div>
                        <div class="navlay2-item">
                            <div class="navlay2-item-left">
                                <img src="../images/telephone.png">
                            </div>
                            <div class="navlay2-item-right">
                                <!--电话-->
                                <p>110-123456789</p>
                            </div>
                        </div>
                        <div class="navlay2-item">
                            <div class="navlay2-item-left">
                                <img src="../images/world-web.png">
                                <!--网站-->
                            </div>
                            <div class="navlay2-item-right">
                                <p>www.110.com</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!--底部右侧导航-->
            </div>
            <div class="beian">
                <!--网站备案-->
                <div class="beian-left">
                    <p>©2017姿在家家居用品股份有限公司版权所有法律声明及隐私权政策·知识产权新ICP备05003017号新公网安备:65010402001003号</p>
                </div>
                <div class="beian-right">
                    <div class="beian-right-left">
                        <!--友情链接-->
                        <p>友情链接:</p>
                    </div>
                    <div class="beian-right-right">
                        <!--logo图标-->
                        <div class="itemlogo">
                            <!--插入iconfont图标 微博-->
                        </div>
                        <div class="itemlogo">
                            <!--插入iconfont图标 微视-->
                        </div>
                        <div class="itemlogo">
                            <!--插入iconfont图标 微信-->
                        </div>
                        <div class="itemlogo">
                            <!--插入iconfont图标 qq-->
                        </div>
                    </div>
                </div>
            </div>
        </footer>

    </div>
</body>
<script src="../js/index.js"></script>

</html>